<template>
  <!--    产品说明-->
  <div class="box">
    <div class="boxCenter">
      <ul>
        <li>产品名称：{{ projectName }}</li>
        <li>产品说明：{{ projectExplain }}</li>
        <li>收费说明：{{ brokerChargeExplain }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
import { getOrderOne } from "../../assets/js/api";
export default {
  name: "ProductDescriptionToo",
  data() {
    return {
      id: "",
      // 产品名称
      projectName: "",
      // 产品说明
      projectExplain: "",
      orderNumber: "",
      brokerChargeExplain: "",
      referData: {}
    };
  },
  created() {
    //获取产品Id
    this.id = sessionStorage.getItem("productId");
    let orderNumber = sessionStorage.getItem("orderNumber");
    if (orderNumber) {
      this.orderNumber = orderNumber;
    } else {
      this.orderNumber = this.$route.query.orderNumber;
    }
    this.getFindOneList();
    // this.getProductRefer();
  },
  methods: {
    // 查询产品说明
    getFindOneList() {
      getOrderOne(this.orderNumber).then(res => {
        this.projectName = res.data.projectName;
        this.projectExplain = res.data.projectExplain;
        this.brokerChargeExplain = res.data.brokerChargeExplain;
      });
    }
  }
};
</script>

<style scoped type="less">
ul {
  text-align: left;
  font-size: 14px;
  padding-left: 10px;
}
li {
  margin-bottom: 10px;
}
</style>
